<ion-view title="嘱托列表" hide-nav-bar="true">
    <div class="top-div">
        <div class="row">
            <div class="col col-75" >
                <!--<p>共有17条嘱托</p>-->
            </div>
            <div class="col">
                <label ng-show="{{vm.clientType == 'ios'}}" id="showIOSActionSheet" class="fa fa-edit entrust-type-btn"></label>
                <label ng-show="{{vm.clientType == 'android'}}" id="showAndroidActionSheet" class="fa fa-edit entrust-type-btn"></label>
            </div>
        </div>
    </div>
    <ion-content has-scroll="true" class="padding" style="top:58px;">
        <div class="exhortaions-content">
            <div class="list">
                <div class="card" ng-repeat="item in vm.exhortaions track by $index" ng-click="gotoDetail('{{item.id}}')">
                    <div class="item item-text-wrap entrust-box" ng-class="{true: 'audio'}[item.entrustType == 'audio']">
                        <div class="row">
                            <div class="col-66">
                                <div class="data-content" ng-show="{{item.entrustType == 'audio'}}">
                                    [音频消息]
                                </div>
                                <div class="data-content" ng-show="{{item.entrustType == 'text'}}">{{item.entrustContent}}</div>
                                <div class="data-info">{{item.entrustTime | date:'yyyy-MM-dd HH:mm:ss'}}</div>
                            </div>
                            <div class="col-33">
                                <div class="entrust-state-box" ng-class="{true: 'entrust-checked', false: 'entrust-unchecked'}[item.entrustState == 'execute']">
                                    <i class="fa" ng-class="{true: 'fa-smile-o', false: 'fa-meh-o'}[item.entrustState == 'execute']"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="load-more-btn" style="text-align: center;" ng-click="loadMoreEntrust()">
                <p>{{vm.loadMoreBtnStr}}</p>
            </div>
        </div>
    </ion-content>

    <!--ios 菜单-->
    <div>
        <div class="weui-mask" id="iosMask" style="display: none"></div>
        <div class="weui-actionsheet" id="iosActionsheet">
            <div class="weui-actionsheet__title">
                <!--<p class="weui-actionsheet__title-text">这是一个标题，可以为一行或者两行。</p>-->
            </div>
            <div class="weui-actionsheet__menu">
                <div class="weui-actionsheet__cell" ui-sref="entrust.text">
                    <i class="fa fa-pencil-square-o" style="width:15px;margin-right: 10px;"></i>添加文字嘱托
                </div>
                <div class="weui-actionsheet__cell" ui-sref="entrust.voice">
                    <i class="fa fa-microphone" style="width:15px;margin-right: 10px;"></i>添加语音嘱托
                </div>
            </div>
            <div class="weui-actionsheet__action">
                <div class="weui-actionsheet__cell" id="iosActionsheetCancel">取消</div>
            </div>
        </div>
    </div>

    <!--android 菜单-->
    <div class="weui-skin_android" id="androidActionsheet" style="display: none">
        <div class="weui-mask"></div>
        <div class="weui-actionsheet">
            <div class="weui-actionsheet__menu">
                <div class="weui-actionsheet__cell" ui-sref="entrust.text">
                    <i class="fa fa-pencil-square-o" style="width:15px;margin-right: 10px;"></i>添加文字嘱托
                </div>
                <div class="weui-actionsheet__cell" ui-sref="entrust.voice">
                    <i class="fa fa-microphone" style="width:15px;margin-right: 10px;"></i>添加语音嘱托
                </div>
            </div>
        </div>
    </div>

</ion-view>

